html.dark {
	--color-success: #00be7a;
	--color-success-2:  #00e701;
	--color-success-hover: #0ac884;
	--color-success-active: #00b470;
	--color-warning: #febc04;
	--color-warning-hover: #ffc60e;
	--color-warning-active: #f4b200;
	--color-danger: #f80563;
	--color-danger-hover: #ff0f6d;
	--color-danger-active: #ee0059;
	--color-info: #0688f9;
	--color-info-hover: #1092ff;
	--color-info-active: #007eef;
	--color-disable: #546371;
	--color-disable-hover: #5e6d7b;
	--color-disable-active: #4a5967;

	--color-home: #0688f9;
	--color-away: #f80563;

	--color-text-1: #ffffff;
	--color-text-2: #bbc5c7;
	--color-text-3: #96a5aa;
	--color-text-4: #6f7f88;
	--color-text-5: #546371;
	--color-text-6: #1b2c38;
	--color-text-7: #ffffff80;

	--color-bg-1: #1b2538;
	--color-bg-2: #131a27;
	--color-bg-3: rgba(150, 165, 170, 0.1);
	--color-bg-4: rgba(150, 165, 170, 0.3);
	--color-bg-5: #6f7f88;
	--color-bg-6: #ffffff;
	--color-bg-7: rgba(27, 44, 56, 0.8);
	--color-bg-8: #2e3f4a;
	--color-bg-9: rgba(0, 0, 0, 0.2);
	--color-bg-10:#96A5AA4D;

	--color-border-1: rgba(150, 165, 170, 0.1);
	--color-border-2: rgba(150, 165, 170, 0.3);
	--color-border-3: #96a5aa;
}
